@charset "utf-8";
/* Copyright by witpn */

*{
padding:0;
margin:0;
}

body{
font-size:12px;
background:#E5E5E5 none left top no-repeat;
font-family: verdana,arial,sans-serif;
margin:0;
}

ul{
margin:0;
padding:0;
list-style:none;
}
li{
margin:0;
padding:0;
list-style:none;
}
a{
color:#437C56;
text-decoration:underline;
text-align:center;
text-indent:0px;
vertical-align:middle;
}
a:link{
  text-decoration:none;
  }
a:visited{
  text-decoration:none;
  }
a:hover{
color:#fff;
background-color:#437C56;
}
a:active{
  background:red;
  }
  
#container{
width:100%;
}

.alert{
  margin:0 10px 0 10px;
  font-weight:bold;
  color:red;
  }
/*********************  *******************/

#header{
width:100%;
background: #CBEAC7 url("../pics/headerBg.gif") left bottom repeat-x;
}
.logo_pic{
width:118px;
float:left;
}
.close{
float:right;
}
.header .user{
float:right;
text-align: right;
}
.header .user a{
        margin: 5px 3px;
  width:7em;
  line-height:1.5em;
}
.header .user img{
  margin:5px 3px;
  }
#navBar {
 margin-left: 60px;
}

#navBar li{
width:6em;
margin-left: 5px;
margin-top: 5px;
font-size: 14px;
line-height: 1.8em;
float:left;
}

#navBar li a {
display:block;
width:100%;
color: #fff;
background-color:#437C56;
text-decoration:none;
text-align:center;
}

#navBar li a:link{
background-color: #437C56;
}
#navBar li a:visited{
background:#437C56;
}
#navBar li a:hover{
background:#1E5A28;
}
#navBar li a:active{
background:#437C56;
}

#navBar li span{
display: block;
background-color:#E5E5E5;
text-align: center;
font-weight: bold;
border-top:1px black solid;
border-left:1px black solid;
border-right:1px black solid;
}
.user a{
display:block;
float:left;
  }
/***************************************************/
#content{
margin:15px 0px 10px 15px;
padding:0px 8px 8px 0px;
width:75%;
background:transparent url("../pics/contentBg.gif") right bottom no-repeat;
}

.quote{
        background-color: #bbb;
        color: white;
        padding: 4px;
        margin: 4px;
}

#leftColumn a.currentPage{
background-color:#437C56;
color:white;
}
.projRightShadow{
background: url("../pics/right-bg.gif") right top repeat-y;
}
.projectContent > a{
  float:left;
  display:block;
  line-height:1.5em;
  padding:0px 10px;
  }
.projectContent br + a{
  float:right;
  }
.projectContent > h3{
  line-height:2.5em;
  padding-left:1em;
  font:Arial;
  background:#eee none no-repeat;
  }
.addtionalInfo{
  font-size:10px;
  text-align:right;
  }
.leftAlign{
  text-align:left;
  }
.author{  
  margin:0 10px;
  }
.postTime{
  margin:0 10px;
  }
#myProj{
width:100%;
background: url("../pics/bottom-bg.gif")  right bottom no-repeat;
border-left:#F8F8F8 1px solid;
border-top:#F8F8F8 1px solid;
}
#projContent{
background-color:#fff;
}
.projectContent{
padding:10px 10px 10px 15px;
font-size: 12px;
line-height:1.5em;
padding-bottom:4em;
}

.loginContent{
padding:10px 10px 10px 15px;
font-size: 12px;
line-height:1.5em;
}
#projName{
width: 100%;
text-align:center;
background-color:#EDF3FE;
}
#projName h2{
line-height: 2em;
}
#leftColumn{
width:17%;
float:left;
border:none;
background-color: #fff;/*#CBEAC7;*/
padding-top: 20px;
border-right: 1px dotted #CBEAC7;
}
#leftColumn ul li{
width: 100%;
font-size: 13px;
line-height: 2.3em;
float:left;
}
#leftColumn ul li a{
display:block;
width:100%;
color: #000;
text-decoration:none;
text-align:center;
}



#leftColumn ul li a:hover{
background-color:#437C56;
color: #fff;
}


#rightColumn{
width:82%;
float:left;
border:none;
background:white;
padding-top: 1em;
}

.helper{
        float:right;
        width: 22%;
        border: none;
        margin-top: 20px;
        margin-right: 10px;
}

.helper .title{
        background-color: #EDF3FE;
        color: black;
        line-height: 2em;
        padding-left: 10px;
        letter-spacing: 2px;
        font-weight: bold;
}

.helper .box{
        margin-top: 10px;
        margin-left: 10px;
}
.tips{
        margin-top:10px;
        padding: 1em;
        border: 1px  solid #ffcc33;
        background-color: #ffffcc;
}
.tips + div{
  margin:10px 0 0 0px;
  }
.tips + div a{
  padding:0 10px;
  line-height:2em;
  display:block;
  }
body div.tips a{
  display:inline;
  }
.bigTips{
        margin-top:10px;
        margin-left:10px;
        font-size:14px;
        padding: 1em;
        font-weight:bold;
        border: 1px  solid #ffcc33;
        background-color: #ffffcc;
}


.clear{
clear:both;
}


table.event{
font-size: 12px;
width: 90%;
margin:auto;
}

table.event td{
padding-bottom: 4px;
border-bottom: #E9E9E9 1px solid;
}

table.event td.time{
color:#666666;
}

.event span{
display:block;
margin-right:4px;
font-size: 12px;
color: #fff;
width:5em;
text-align:right;
padding-right: 8px;
line-height:1.5em;
float:left;
}
#techList td{
  text-align:center;
  }
.newsFeed{
background-color:#5F6E43;
}
#addNewPost a{
  display:block;
  width:8em;
  line-height:2em;
  border:1px dotted gray;
  }
.userFeed{
background-color:#7A4A77;
}

.svnFeed{
background-color:#C87800;
}

.techFeed{
background-color:#24A89E;
}

.elseFeed{
background-color:#334E7D;
}

.event {
}



form td label{
        color: #A6A6A6;
        font-weight: bold;
}

form td{
        padding-top: 10px;
}

fieldset{
        border: #E9E9E9 2px solid;
        padding: 10px;
        margin:10px;
}
fieldset legend{
        color:#437C56;
        font-weight: bold;
        padding:5px;
        font-size: 14px;
}
/****************  **********************/
.event a,
.footer a{

}
.footer{
font-size: 10px;
text-align:center;
color:#666666;
margin-bottom: 20px;
}
a.title{
clear:both;
}
/******************************************/
.screenMask{
width:100%;
height:100%;
z-index:1000;
position:absolute;
left:0px;
top:0px;
background:transparent url("../pics/mask_bg.png") left top repeat;
}
.popUp{
width:50%;
position:absolute;
padding:10px 10px 10px 10px;
background:white;
z-index:1001;
left:200px;
top:40px;
background:transparent url("../pics/popUp_border.png") left top repeat;
}

.popUpContent{
background:#fff;
padding:1em;
}
.dragButton{
float:left;
}
.popUpTitle{
width:100%;
text-align:center;
}
/**********wiki*******/

#wikishow, .tableShow{
        width:100%;
        border:1px solid #CBEAC7;
        border-collapse:collapse;
}


#wikishow th,#wikishow td, .tableShow td, .tableShow th{
        border-top:1px solid #CBEAC7;
        padding:5px;
}

#wikishow th, .tableShow th{
        background:#E5E5E5;
}

#wikishow .title, .tableShow .title{
        width:100px;
        /*white-space: nowrap;
        overflow: hidden;*/
        text-align: left;
}

#wikishow thead th, .tableShow thead th{
        background:#CBEAC7;
}

#wikishow .tag, .tableShow .tag{
}


.mywiki{
        float:right;
}

#wikidetail{
        padding:10px;
        border:1px solid #ccc;
        width:150px;
        margin:10px;
        float:right;
}

#wikidetail li{
        padding:0px;
        margin:0px;
}

#wikicontent{
        padding:20px;
}

#wikicontent h2{
        margin-bottom:20px;
}

#wikiform td{
        padding:5px;

}

table.description{
        clear:left;
        background-color:#EDF3FE;
        width: 100%;
}

.description td{
        border: #fff solid 1px;
        padding:3px;
}

.setting{
        float:right;
        font-size: 14px;
}

.projectDescription{
}

.comment{
        color: #ccc;
        font-size: 12px;
}

span.formComment{
        font-style: italic;
        font-weight: bold;
        color: #437C56;
        font-size: 12px;
}

.contentBox{
        margin-top: 10px;
}

.contentTitle a{
        font-size: 16px;
        line-height: 1.5em;
}

tr th{
        text-align:left;
}
form table tr{
        vertical-align:top;
}
#projHead{
display:none;
}
}